<template>
  <div class="empty" :style="{ top: top }">
    <img src="https://media.wxcwy.com/mini/images/img_bpp@2x.png" class="empty-img" alt="" />
    <div class="tips">抱歉，没有检索到您要的数据</div>
  </div>
</template>
<script>
export default {
  props: {
    title: String,
    top:{
        default:"20vh",
        type:String
    },
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss">
.empty {
  position: absolute;
  top: 20vh;
  left: 0;
  right: 0;
  margin: 0 auto;
  .empty-img {
    width: 407rpx;
    height: 304rpx;
    display: block;
    margin: 0 auto;
  }
  .tips {
    color: #666;
    font-size: 26rpx;
    text-align: center;
    margin-top: 40rpx;
  }
}
</style>
